<!-- 选项卡-设置 -->
<div class="tab-pane fade show active" role="tabpanel" id="user-settings" aria-labelledby="settings-tab">
    <div class="card glass-card">
        <!-- 个性化 -->
        <div class="card-header bg-dark text-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-palette me-2"></i>&ensp;个性化
            </h5>
        </div>
        <div class="card-body">
            <!-- 显示模式 -->
            <div class="form-group row align-items-center mb-4">
                <span class="col-4 col-form-label pt-1">显示模式</span>
                <div class="col-8">
                    <div class="btn-group btn-group-toggle d-flex flex-row align-items-center" data-toggle="buttons">
                        <label class="btn btn-primary display-standard-mode active">
                            <input type="radio" id="display-standard-mode" name="displayMode" value="standard" checked> 标准模式
                        </label>
                        <label class="btn btn-light display-minimal-mode">
                            <input type="radio" id="display-minimal-mode" name="displayMode" value="minimal"> 极简模式
                        </label>
                    </div>
                </div>
            </div>
            <!-- 显示模式 end -->
            <!-- 风格模式 -->
            <div class="form-group row align-items-center mb-4">
                <label class="col-4 col-form-label pt-1" title="📌 切换后使用系统内置主题配色">风格模式</label>
                <div class="col-8">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="custom-control custom-radio justify-content-center">
                                <input type="radio" id="light-theme" name="colorTheme" class="custom-control-input" value="light" checked>
                                <label class="custom-control-label" for="light-theme">
                                    浅色<i class="fas fa-sun ml-1" style="color: #f6ca05"></i>
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="custom-control custom-radio justify-content-center">
                                <input type="radio" id="dark-theme" name="colorTheme" class="custom-control-input" value="dark">
                                <label class="custom-control-label" for="dark-theme">
                                    深色<i class="fas fa-moon ml-1" style="color: #000000"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 风格模式 end -->
            <!-- 指针样式 -->
            <div class="form-group align-items-center row mb-4 ">
                <label for="cursorTheme" class="col-4 col-form-label pt-1">指针样式</label>
                <div class="col-8">
                    <div class="row g-2">
                        <div class="col-md-12">
                            <div class="d-flex align-items-center">
                                <select
                                    name="cursorTheme"
                                    id="cursorTheme"
                                    class="form-select"
                                >
                                    {{ $allCursors := $.Site.Data.cursors | append "None" }}
                                    {{ range $allCursors }}
                                    {{ $theme := trim . " " }}
                                        <option value="{{ $theme }}" {{ if eq $theme $.Site.Params.media.cursor.defaultCursor }} selected {{ end }}>
                                            {{ $theme | title }}
                                        </option>
                                    {{ end }}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 指针样式 end -->
        </div>
    </div>
    <!-- 个性化 end -->

    {{ partial "settings/base-settings/wallpaper.html" . }}
    {{ partial "settings/base-settings/view.html" . }}
    {{ partial "settings/base-settings/search.html" . }}

    <!-- 按钮 -->
    <div>
        <div class="modal-footer justify-content-center justify-content-lg-end">
            <button type="button" class="btn btn-light" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary ml-3" id="reset-default">恢复默认</button>
        </div>
    </div>
    <!-- 按钮 end -->
</div>
<!-- 选项卡-设置 end -->